<template>
	<view class="padding-sm">
		<view class="grid col-2">
			<view class="item" v-for="(item,index) in list" :key="index" @click="navto(`/pages/list/list?name=${item.title}`)">
				<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg" mode="aspectFill" class="item-image"></image>
				<view class="text-center padding-tb-xs">
					{{item.title}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{
					title:"婚礼电影"
				},{
					title:"婚礼快剪"
				},{
					title:"婚礼预告"
				},{
					title:"青春情绪"
				},{
					title:"旅拍日记"
				},{
					title:"团建"
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.item{
		padding: 15upx;
		&-image{
			height: 320upx;
			display: block;
			border-radius: 10upx;
		}
	}
</style>
